<template lang="html">
  <div class="lung-test">
    <TopClose :topCloseText='topCloseText' />
    <div class="lung-test-img">
      <img src="../../assets/img/index/index_02.png" alt="">
    </div>
    <div class="lung-test-content">
      <p>
        39432
        <span>人参与了测试</span>
      </p>
      <router-link tag='div' to='/testpapers' class="lung-test-start">开始测试</router-link>
    </div>
  </div>
</template>

<script>
import TopClose from '../../components/TopClose'
export default {
  name:'LungTest',
  components:{
    TopClose
  },
  data(){
    return{
      topCloseText:{
        title:'肺部测试',
        flag:true
      }
    }
  },

}
</script>

<style lang="less" scoped>

.lung-test{
  width: 100%;
  .lung-test-img{
    img{
      width: 100%;
      height: 8.18rem;
    }
  }
  .lung-test-content{
    width: 100%;
    height: 3.88rem;
    background-color: #fff;
    text-align: center;
    padding-top: 1.8rem;
    box-sizing: border-box;
    p{
      color: #ff5555;
      margin-bottom: 0.2rem;
      span{
        color: #757575;
      }
    }
    .lung-test-start{
      width: 6rem;
      color: #fff;
      height: 0.9rem;
      line-height: 0.9rem;
      border-radius: 0.1rem;
      background-color: #43bf92;
      margin: 0 auto;
      font-size: 0.32rem;
    }
  }
}

</style>
